<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="mui/css/mui.min.css">
    <link rel="stylesheet" href="css/download.css">
    <link rel="stylesheet" href="https:////at.alicdn.com/t/font_2867324_yohjvtpcz2b.css">
    <title>Document</title>
</head>

<body>
    <header id="header" class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">下载客户端</h1>
    <a class="mui-icon mui-icon-home mui-pull-right"></a></header>
    <div class="img">
        <img src="https://ms2-m.vipstatic.com/images/common/5c549c213a.handsup.png" alt="">
        <div class="download">
            <div class="logo"></div>
            <div class="text">
                <p class="title">下载唯品会客户端</p>
                <p class="info">抢购更快更便捷</p>
            </div>
        </div>
    </div>
    <div class="downloadlist">
        <div class="list">
            <div class="identification">
                <i class="iconfont icon-pingguo"></i>
            </div>
            <div class="text">
                <div class="title">FOR IOS</div>
                <div class="info">立即下载</div>
            </div>
        </div>
        <div class="list">
            <div class="identification">
                <i class="iconfont icon-anzhuo"></i>
            </div>
            <div class="text">
                <div class="title">FOR ANDROID</div>
                <div class="info">立即下载</div>
            </div>
        </div>
        <div class="list">
            <div class="identification">
                <i class="iconfont icon-anzhuo"></i>
            </div>
            <div class="text">
                <div class="title">FOR ANDROID PAD</div>
                <div class="info">立即下载</div>
            </div>
        </div>
        <div class="list">
            <div class="identification">
                <i class="iconfont icon-windows"></i>
            </div>
            <div class="text">
                <div class="title">FOR WINDOWS</div>
                <div class="info">立即下载</div>
            </div>
        </div>
    </div>
</body>
<script>
    // 在iphone6 375宽度中  html是以20px作为基本单位
    (function () {
        function w() {
            var all = document.documentElement;  // 获取html元素
            var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
            console.log(123, test)
            if (test > 750) {
                test = 750;
            }
            rem = test / 18.75;
            console.log(rem)
            all.style.fontSize = rem + 'px'
        }
        w();
        window.addEventListener("resize", function () {
            w()
        }, false)
    })();

</script>
</html>